<!--
 * @Author: your name
 * @Date: 2021-08-12 00:04:01
 * @LastEditTime: 2021-08-16 13:20:36
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \网易考拉项目\oversea.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/commit.css">
    <link rel="stylesheet" href="./css/index-motherboard.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/oversea.css">
    <link rel="stylesheet" href="./fonts/font图标/iconfont.css">
    <title>oversea</title>
</head>

<body>
    <!-- 网易考拉项目的header开始 -->
    <header>
        <!-- header当中的黑色导航栏 -->
        <div class="div-black">
            <nav class="nav-black">
                <!-- 黑色导航栏的左侧标签和链接 -->
                <div class="nav-black-left">
                    <span>考拉欢迎你!</span>
                    <a href="./login.html">登录</a>
                    <a href="./login.html">免费注册</a>
                    <a href="#">手机考拉</a>
                </div>
                <!-- 黑色导航栏的右侧标签和链接 -->
                <ul class="nav-black-right">
                    <li><a href="./consumers rights.html">每日签到</a></li>
                    <li><a href="#">我的订单</a></li>
                    <li>
                        <a href="#">
                            个人中心
                            <ul id="up">
                                <li>我的优惠券</li>
                                <li>我的红包</li>
                                <li>我的考拉豆</li>
                                <li>帐号管理</li>
                                <li>我的实名认证</li>
                                <li>我的发票抬头</li>
                                <li>我收藏的商品</li>
                                <li>我关注的品牌</li>
                                <li>售后管理</li>
                            </ul>
                        </a>
                    </li>
                    <li><a href="#">客户服务
                            <ul id="up">
                                <li>联系客服</li>
                                <li>帮助中心</li>
                                <li>知识产权保护</li>
                                <li>规则中心</li>
                            </ul>
                        </a></li>
                    <li><a href="#">充值中心
                            <ul id="up">
                                <li>话费充值</li>
                                <li>游戏充值</li>
                                <li>App Store充值卡</li>
                            </ul>
                        </a></li>
                    <li><a href="./daily check-in.html">消费者权益
                            <ul id="up">
                                <li>消费者告知书</li>
                            </ul>
                        </a>
                        <li><a href="#">更多
                            <ul id="up">
                                <li>收藏本站</li>
                                <li>新浪微博</li>
                                <li>微信公众号</li>
                                <li>招商合作</li>
                            </ul>
                        </a>
                            <li><a href="#">视频内容</a></li>
                </ul>
            </nav>
        </div>
        <!-- header中的第二个盒子的设置，主要是logo和搜索栏 -->
        <div class="box w">
            <div class="box-logo">
                <a href="#"><img src="./images/网易考拉logo.png" alt="网易考拉logo"></a>
            </div>
            <div class="box-search">
                <input type="text" placeholder="口红">
                <button><i class="iconfont icon-ai219"></i></button>
            </div>
            <div class="box-shopping-car">
                <button><i class="iconfont icon-gouwuche1"></i> 购物车</button>
            </div>
        </div>
        <!-- header中的第二个盒子结束了 -->
        <!-- 所有分类的下拉菜单 -->
        <div class="nav-red">
            <div class="nav-red-one">
                <i class="iconfont icon-ziyuan114"></i>
                <p> 所有分类
                    <ul class="menu">
                        <li><i class="iconfont icon-xiangshui"></i>
                            <a href="#">美容美妆</a>
                        </li>
                        <li><i class="iconfont icon-gouwuche"></i>
                            <a href="#">母婴儿童</a>
                        </li>
                        <li><i class="iconfont icon-changyongicon-"></i>
                            <a href="#">营养保健</a>
                        </li>
                        <li><i class="iconfont icon-xiangji"></i>
                            <a href="#">数码家电</a>
                        </li>
                        <li><i class="iconfont icon-qingjie1-copy"></i>
                            <a href="#">个护家清</a>
                        </li>
                        <li><i class="iconfont icon-yijia"></i>
                            <a href="#">服饰鞋靴</a>
                        </li>
                        <li><i class="iconfont icon-zhinanzhendaohang"></i>
                            <a href="#">运动户外</a>
                        </li>
                        <li><i class="iconfont icon-shizhong"></i>
                            <a href="#">手表配饰</a>
                        </li>
                        <li><i class="iconfont icon-bao"></i>
                            <a href="#">轻奢</a>
                        </li>
                        <li><i class="iconfont icon-shafa"></i>
                            <a href="#">家具生活</a>
                        </li>
                        <li><i class="iconfont icon-hanbao"></i>
                            <a href="#">环球美食</a>
                        </li>
                        <li><i class="iconfont icon-chongwutubiao04"></i>
                            <a href="#">宠物生活</a>
                        </li>
                    </ul>
                </p>
            </div>
            <div class="nav-red-two">
                <ul>
                    <li><a href="./index.html">首页</a></li>
                    <li><a href="./oversea.html" style="color: #ff0e20;">海外直购</a></li>
                    <li><a href="./purchased product.html">考拉海购出品</a></li>
                    <li><a href="./milk powder.html">品质奶粉</a></li>
                    <li><a href="./the mask.html">人气面膜</a></li>
                    <li><a href="./recharge.html">充值</a></li>
                </ul>
            </div>
        </div>
    </header>
    <!-- header母版结束 -->
    <!-- 版面开始 -->
    <div class="banner">
        <div class="banner-img"></div>
        <!-- 版面下方盒子 -->
        <div class="banner-img-bottom">
            <div>
                <a href="#">
                    <img src="./images/海外直购/版面下方图1.png" alt="">
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="./images/海外直购/版面下方图2.png" alt="">
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="./images/海外直购/版面下方图3.png" alt="">
                </a>
            </div>
            <div>
                <a href="#">
                    <img src="./images/海外直购/版面下方图4.png" alt="">
                </a>
            </div>

        </div>
    </div>
    <!-- 版面结束 -->

    <!-- 热销产品盒子开始 -->
    <div id="box">
        <!-- 粘性盒子 -->
        <div class="box-right">
            <ul>
                <li><a href="#"><i class="iconfont icon-gouwuche"></i> <span>购物车</span></a> </li>
                <li>
                    <a href="#"> <span>海外仓直邮</span></a>
                </li>
                <li>
                    <a href="#"> <span>热销爆款</span></a>
                </li>
                <li>
                    <a href="#"> <span>美容彩妆</span></a>
                </li>
                <li>
                    <a href="#"> <span>个人洗护</span></a>
                </li>
                <li>
                    <a href="#"> <span>服饰鞋靴</span></a>
                </li>
                <li>
                    <a href="#"> <span>轻奢腕表</span></a>
                </li>
                <li>
                    <a href="#"> <i class="iconfont icon-xiangshang1"></i><span>TOP</span></a>
                </li>
            </ul>
        </div>
        <div class="box-title">
            <p>—热销爆款—</p>
        </div>
        <!-- 展示的盒子 -->
        <div class="box-display">
            <!-- 第一排 -->
            <ul>
                <li>
                    <img src="./images/海外直购/海外直购图1.png" alt="error" />
                    <a href="#">【金泫雅同款】【...</a>
                    <p class="text1">￥<span class="num">357</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥339</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图2.png" alt="error" />
                    <a href="#">【繁华盛宴】 GUC...</a>
                    <p class="text1">新人价￥<span class="num">428</span></p>
                    <p class="new">考拉价￥434</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图3.png" alt="error" />
                    <a href="#">BURBERRY 博柏...</a>
                    <p class="text1">新人价￥<span class="num">148</span></p>
                    <p class="new">考拉价￥169</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图4.png" alt="error" />
                    <a href="#">VERSACE 范思哲...</a>
                    <p class="text1">￥<span class="num">226</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥214</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图5.png" alt="error" />
                    <a href="#">GUCCI 古驰 罪爱...</a>
                    <p class="text1">￥<span class="num">533</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥479</p>
                    <button>立即购买</button>
                </li>
            </ul>
            <!-- 第二排 -->
            <ul>
                <li>
                    <img src="./images/海外直购/海外直购图6.png" alt="error" />
                    <a href="#">【第一瓶入门香】...</a>
                    <p class="text1">￥<span class="num">175</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥166</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图7.png" alt="error" />
                    <a href="#">SAINT LAURENT...</a>
                    <p class="text1">￥<span class="num">472</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥448</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图8.png" alt="error" />
                    <a href="#">【挚爱男友香】H...</a>
                    <p class="text1">新人价￥<span class="num">538</span></p>
                    <p class="new">考拉价￥615</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图9.png" alt="error" />
                    <a href="#">【清新甜美】YSL...</a>
                    <p class="text1">￥<span class="num">444</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥421</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图10.png" alt="error" />
                    <a href="#">LANCOME 兰蔻...</a>
                    <p class="text1">￥<span class="num">245</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥232</p>
                    <button>立即购买</button>
                </li>
            </ul>
            <!-- 第三排 -->
            <ul>
                <li>
                    <img src="./images/海外直购/海外直购图11.png" alt="error" />
                    <a href="#">ANNA SUI 安娜苏...</a>
                    <p class="text1">￥<span class="num">150</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥142</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图12.png" alt="error" />
                    <a href="#">Calvin Klein...</a>
                    <p class="text1">新人价￥<span class="num">169</span></p>
                    <p class="new">考拉价￥160</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图13.png" alt="error" />
                    <a href="#">LANCOME 兰蔻...</a>
                    <p class="text1">新人价￥<span class="num">298</span></p>
                    <p class="new">考拉价￥286</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图14.png" alt="error" />
                    <a href="#">LANVIN 浪凡光韵...</a>
                    <p class="text1">￥<span class="num">273</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥259</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图15.png" alt="error" />
                    <a href="#">【七夕礼物】【欧...</a>
                    <p class="text1">￥<span class="num">365</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥345</p>
                    <button>立即购买</button>
                </li>
            </ul>
            <!-- 第四排 -->
            <ul>
                <li>
                    <img src="./images/海外直购/海外直购图1.png" alt="error" />
                    <a href="#">【金泫雅同款】【...</a>
                    <p class="text1">￥<span class="num">357</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥339</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图2.png" alt="error" />
                    <a href="#">【繁华盛宴】 GUC...</a>
                    <p class="text1">新人价￥<span class="num">428</span></p>
                    <p class="new">考拉价￥434</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图3.png" alt="error" />
                    <a href="#">BURBERRY 博柏...</a>
                    <p class="text1">新人价￥<span class="num">148</span></p>
                    <p class="new">考拉价￥169</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图4.png" alt="error" />
                    <a href="#">VERSACE 范思哲...</a>
                    <p class="text1">￥<span class="num">226</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥214</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图5.png" alt="error" />
                    <a href="#">GUCCI 古驰 罪爱...</a>
                    <p class="text1">￥<span class="num">533</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥479</p>
                    <button>立即购买</button>
                </li>
            </ul>
            <!-- 第五排 -->
            <ul>
                <li>
                    <img src="./images/海外直购/海外直购图6.png" alt="error" />
                    <a href="#">【第一瓶入门香】...</a>
                    <p class="text1">￥<span class="num">175</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥166</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图7.png" alt="error" />
                    <a href="#">SAINT LAURENT...</a>
                    <p class="text1">￥<span class="num">472</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥448</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图8.png" alt="error" />
                    <a href="#">【挚爱男友香】H...</a>
                    <p class="text1">新人价￥<span class="num">538</span></p>
                    <p class="new">考拉价￥615</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图9.png" alt="error" />
                    <a href="#">【清新甜美】YSL...</a>
                    <p class="text1">￥<span class="num">444</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥421</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图10.png" alt="error" />
                    <a href="#">LANCOME 兰蔻...</a>
                    <p class="text1">￥<span class="num">245</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥232</p>
                    <button>立即购买</button>
                </li>
            </ul>
            <!-- 第六排 -->
            <ul>
                <li>
                    <img src="./images/海外直购/海外直购图11.png" alt="error" />
                    <a href="#">ANNA SUI 安娜苏...</a>
                    <p class="text1">￥<span class="num">150</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥142</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图12.png" alt="error" />
                    <a href="#">Calvin Klein...</a>
                    <p class="text1">新人价￥<span class="num">169</span></p>
                    <p class="new">考拉价￥160</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图13.png" alt="error" />
                    <a href="#">LANCOME 兰蔻...</a>
                    <p class="text1">新人价￥<span class="num">298</span></p>
                    <p class="new">考拉价￥286</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图14.png" alt="error" />
                    <a href="#">LANVIN 浪凡光韵...</a>
                    <p class="text1">￥<span class="num">273</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥259</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图15.png" alt="error" />
                    <a href="#">【七夕礼物】【欧...</a>
                    <p class="text1">￥<span class="num">365</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥345</p>
                    <button>立即购买</button>
                </li>
            </ul>
        </div>

        <div class="box-title">
            <p>—美容彩妆—</p>
        </div>

        <div class="box-display">
            <!-- 第一排 -->
            <ul>
                <li>
                    <img src="./images/海外直购/海外直购图1.png" alt="error" />
                    <a href="#">【金泫雅同款】【...</a>
                    <p class="text1">￥<span class="num">357</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥339</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图2.png" alt="error" />
                    <a href="#">【繁华盛宴】 GUC...</a>
                    <p class="text1">新人价￥<span class="num">428</span></p>
                    <p class="new">考拉价￥434</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图3.png" alt="error" />
                    <a href="#">BURBERRY 博柏...</a>
                    <p class="text1">新人价￥<span class="num">148</span></p>
                    <p class="new">考拉价￥169</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图4.png" alt="error" />
                    <a href="#">VERSACE 范思哲...</a>
                    <p class="text1">￥<span class="num">226</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥214</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图5.png" alt="error" />
                    <a href="#">GUCCI 古驰 罪爱...</a>
                    <p class="text1">￥<span class="num">533</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥479</p>
                    <button>立即购买</button>
                </li>
            </ul>
            <!-- 第二排 -->
            <ul>
                <li>
                    <img src="./images/海外直购/海外直购图6.png" alt="error" />
                    <a href="#">【第一瓶入门香】...</a>
                    <p class="text1">￥<span class="num">175</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥166</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图7.png" alt="error" />
                    <a href="#">SAINT LAURENT...</a>
                    <p class="text1">￥<span class="num">472</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥448</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图8.png" alt="error" />
                    <a href="#">【挚爱男友香】H...</a>
                    <p class="text1">新人价￥<span class="num">538</span></p>
                    <p class="new">考拉价￥615</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图9.png" alt="error" />
                    <a href="#">【清新甜美】YSL...</a>
                    <p class="text1">￥<span class="num">444</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥421</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图10.png" alt="error" />
                    <a href="#">LANCOME 兰蔻...</a>
                    <p class="text1">￥<span class="num">245</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥232</p>
                    <button>立即购买</button>
                </li>
            </ul>
            <!-- 第三排 -->
            <ul>
                <li>
                    <img src="./images/海外直购/海外直购图11.png" alt="error" />
                    <a href="#">ANNA SUI 安娜苏...</a>
                    <p class="text1">￥<span class="num">150</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥142</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图12.png" alt="error" />
                    <a href="#">Calvin Klein...</a>
                    <p class="text1">新人价￥<span class="num">169</span></p>
                    <p class="new">考拉价￥160</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图13.png" alt="error" />
                    <a href="#">LANCOME 兰蔻...</a>
                    <p class="text1">新人价￥<span class="num">298</span></p>
                    <p class="new">考拉价￥286</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图14.png" alt="error" />
                    <a href="#">LANVIN 浪凡光韵...</a>
                    <p class="text1">￥<span class="num">273</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥259</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图15.png" alt="error" />
                    <a href="#">【七夕礼物】【欧...</a>
                    <p class="text1">￥<span class="num">365</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥345</p>
                    <button>立即购买</button>
                </li>
            </ul>
            <!-- 第四排 -->
            <ul>
                <li>
                    <img src="./images/海外直购/海外直购图1.png" alt="error" />
                    <a href="#">【金泫雅同款】【...</a>
                    <p class="text1">￥<span class="num">357</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥339</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图2.png" alt="error" />
                    <a href="#">【繁华盛宴】 GUC...</a>
                    <p class="text1">新人价￥<span class="num">428</span></p>
                    <p class="new">考拉价￥434</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图3.png" alt="error" />
                    <a href="#">BURBERRY 博柏...</a>
                    <p class="text1">新人价￥<span class="num">148</span></p>
                    <p class="new">考拉价￥169</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图4.png" alt="error" />
                    <a href="#">VERSACE 范思哲...</a>
                    <p class="text1">￥<span class="num">226</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥214</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图5.png" alt="error" />
                    <a href="#">GUCCI 古驰 罪爱...</a>
                    <p class="text1">￥<span class="num">533</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥479</p>
                    <button>立即购买</button>
                </li>
            </ul>
            <!-- 第五排 -->
            <ul>
                <li>
                    <img src="./images/海外直购/海外直购图6.png" alt="error" />
                    <a href="#">【第一瓶入门香】...</a>
                    <p class="text1">￥<span class="num">175</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥166</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图7.png" alt="error" />
                    <a href="#">SAINT LAURENT...</a>
                    <p class="text1">￥<span class="num">472</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥448</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图8.png" alt="error" />
                    <a href="#">【挚爱男友香】H...</a>
                    <p class="text1">新人价￥<span class="num">538</span></p>
                    <p class="new">考拉价￥615</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图9.png" alt="error" />
                    <a href="#">【清新甜美】YSL...</a>
                    <p class="text1">￥<span class="num">444</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥421</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图10.png" alt="error" />
                    <a href="#">LANCOME 兰蔻...</a>
                    <p class="text1">￥<span class="num">245</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥232</p>
                    <button>立即购买</button>
                </li>
            </ul>
            <!-- 第六排 -->
            <ul>
                <li>
                    <img src="./images/海外直购/海外直购图11.png" alt="error" />
                    <a href="#">ANNA SUI 安娜苏...</a>
                    <p class="text1">￥<span class="num">150</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥142</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图12.png" alt="error" />
                    <a href="#">Calvin Klein...</a>
                    <p class="text1">新人价￥<span class="num">169</span></p>
                    <p class="new">考拉价￥160</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图13.png" alt="error" />
                    <a href="#">LANCOME 兰蔻...</a>
                    <p class="text1">新人价￥<span class="num">298</span></p>
                    <p class="new">考拉价￥286</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图14.png" alt="error" />
                    <a href="#">LANVIN 浪凡光韵...</a>
                    <p class="text1">￥<span class="num">273</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥259</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图15.png" alt="error" />
                    <a href="#">【七夕礼物】【欧...</a>
                    <p class="text1">￥<span class="num">365</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥345</p>
                    <button>立即购买</button>
                </li>
            </ul>
        </div>
        <div class="box-title">
            <p>—个人洗护—</p>
        </div>
        <!-- 展示的盒子 -->
        <div class="box-display">
            <!-- 第一排 -->
            <ul>
                <li>
                    <img src="./images/海外直购/海外直购图1.png" alt="error" />
                    <a href="#">【金泫雅同款】【...</a>
                    <p class="text1">￥<span class="num">357</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥339</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图2.png" alt="error" />
                    <a href="#">【繁华盛宴】 GUC...</a>
                    <p class="text1">新人价￥<span class="num">428</span></p>
                    <p class="new">考拉价￥434</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图3.png" alt="error" />
                    <a href="#">BURBERRY 博柏...</a>
                    <p class="text1">新人价￥<span class="num">148</span></p>
                    <p class="new">考拉价￥169</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图4.png" alt="error" />
                    <a href="#">VERSACE 范思哲...</a>
                    <p class="text1">￥<span class="num">226</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥214</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图5.png" alt="error" />
                    <a href="#">GUCCI 古驰 罪爱...</a>
                    <p class="text1">￥<span class="num">533</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥479</p>
                    <button>立即购买</button>
                </li>
            </ul>
            <!-- 第二排 -->
            <ul>
                <li>
                    <img src="./images/海外直购/海外直购图6.png" alt="error" />
                    <a href="#">【第一瓶入门香】...</a>
                    <p class="text1">￥<span class="num">175</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥166</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图7.png" alt="error" />
                    <a href="#">SAINT LAURENT...</a>
                    <p class="text1">￥<span class="num">472</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥448</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图8.png" alt="error" />
                    <a href="#">【挚爱男友香】H...</a>
                    <p class="text1">新人价￥<span class="num">538</span></p>
                    <p class="new">考拉价￥615</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图9.png" alt="error" />
                    <a href="#">【清新甜美】YSL...</a>
                    <p class="text1">￥<span class="num">444</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥421</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图10.png" alt="error" />
                    <a href="#">LANCOME 兰蔻...</a>
                    <p class="text1">￥<span class="num">245</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥232</p>
                    <button>立即购买</button>
                </li>
            </ul>
            <!-- 第三排 -->
            <ul>
                <li>
                    <img src="./images/海外直购/海外直购图11.png" alt="error" />
                    <a href="#">ANNA SUI 安娜苏...</a>
                    <p class="text1">￥<span class="num">150</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥142</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图12.png" alt="error" />
                    <a href="#">Calvin Klein...</a>
                    <p class="text1">新人价￥<span class="num">169</span></p>
                    <p class="new">考拉价￥160</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图13.png" alt="error" />
                    <a href="#">LANCOME 兰蔻...</a>
                    <p class="text1">新人价￥<span class="num">298</span></p>
                    <p class="new">考拉价￥286</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图14.png" alt="error" />
                    <a href="#">LANVIN 浪凡光韵...</a>
                    <p class="text1">￥<span class="num">273</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥259</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图15.png" alt="error" />
                    <a href="#">【七夕礼物】【欧...</a>
                    <p class="text1">￥<span class="num">365</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥345</p>
                    <button>立即购买</button>
                </li>
            </ul>
            <!-- 第四排 -->
            <ul>
                <li>
                    <img src="./images/海外直购/海外直购图1.png" alt="error" />
                    <a href="#">【金泫雅同款】【...</a>
                    <p class="text1">￥<span class="num">357</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥339</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图2.png" alt="error" />
                    <a href="#">【繁华盛宴】 GUC...</a>
                    <p class="text1">新人价￥<span class="num">428</span></p>
                    <p class="new">考拉价￥434</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图3.png" alt="error" />
                    <a href="#">BURBERRY 博柏...</a>
                    <p class="text1">新人价￥<span class="num">148</span></p>
                    <p class="new">考拉价￥169</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图4.png" alt="error" />
                    <a href="#">VERSACE 范思哲...</a>
                    <p class="text1">￥<span class="num">226</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥214</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图5.png" alt="error" />
                    <a href="#">GUCCI 古驰 罪爱...</a>
                    <p class="text1">￥<span class="num">533</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥479</p>
                    <button>立即购买</button>
                </li>
            </ul>
            <!-- 第五排 -->
            <ul>
                <li>
                    <img src="./images/海外直购/海外直购图6.png" alt="error" />
                    <a href="#">【第一瓶入门香】...</a>
                    <p class="text1">￥<span class="num">175</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥166</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图7.png" alt="error" />
                    <a href="#">SAINT LAURENT...</a>
                    <p class="text1">￥<span class="num">472</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥448</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图8.png" alt="error" />
                    <a href="#">【挚爱男友香】H...</a>
                    <p class="text1">新人价￥<span class="num">538</span></p>
                    <p class="new">考拉价￥615</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图9.png" alt="error" />
                    <a href="#">【清新甜美】YSL...</a>
                    <p class="text1">￥<span class="num">444</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥421</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图10.png" alt="error" />
                    <a href="#">LANCOME 兰蔻...</a>
                    <p class="text1">￥<span class="num">245</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥232</p>
                    <button>立即购买</button>
                </li>
            </ul>
            <!-- 第六排 -->
            <ul>
                <li>
                    <img src="./images/海外直购/海外直购图11.png" alt="error" />
                    <a href="#">ANNA SUI 安娜苏...</a>
                    <p class="text1">￥<span class="num">150</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥142</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图12.png" alt="error" />
                    <a href="#">Calvin Klein...</a>
                    <p class="text1">新人价￥<span class="num">169</span></p>
                    <p class="new">考拉价￥160</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图13.png" alt="error" />
                    <a href="#">LANCOME 兰蔻...</a>
                    <p class="text1">新人价￥<span class="num">298</span></p>
                    <p class="new">考拉价￥286</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图14.png" alt="error" />
                    <a href="#">LANVIN 浪凡光韵...</a>
                    <p class="text1">￥<span class="num">273</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥259</p>
                    <button>立即购买</button>
                </li>
                <li>
                    <img src="./images/海外直购/海外直购图15.png" alt="error" />
                    <a href="#">【七夕礼物】【欧...</a>
                    <p class="text1">￥<span class="num">365</span></p>
                    <p class="text2"><i class="iconfont icon-cardb-copy"></i>￥345</p>
                    <button>立即购买</button>
                </li>
            </ul>
        </div>
    </div>

    <!-- 盒子展示结束啦 -->

    <!-- 尾部 -->
    <div class="footer">
        <div class="one">
            <div>
                <i class="iconfont icon-zheng1"></i>
                <p>正品承诺</p>
                <p>正品保障 假一赔十</p>
            </div>
            <div>
                <i class="iconfont icon-di"></i>
                <p>低价保障</p>
                <p>缩减中间环节 确保低价</p>
            </div>
            <div>
                <i class="iconfont icon-iconfontzhizuobiaozhun34"></i>
                <p>30天无忧退货</p>
                <p>国内退货 售后无忧</p>
            </div>
            <div>
                <i class="iconfont icon-youjian"></i>
                <p>满88包邮</p>
                <p>部分特殊商品除外</p>
            </div>
        </div>
        <div class="two">
            <div>
                <img src="./images/网易考拉logo.png" alt="error" />
                <a href="#">关于我们 <i class="iconfont icon-weibo"></i><i class="iconfont icon-weixin"></i></a>
                <ul>
                    <li>
                        考拉保障
                        <ul>
                            <li>假一赔十</li>
                            <li>廉政举报</li>
                            <li>&nbsp;</li>
                            <li>&nbsp;</li>
                        </ul>
                    </li>
                    <li>
                        新手指南
                        <ul>
                            <li>购物流程</li>
                            <li>支付方式</li>
                            <li>通关税费</li>
                            <li>常见问题</li>
                        </ul>
                    </li>
                    <li>
                        售后服务
                        <ul>
                            <li>售后政策</li>
                            <li>退货流程</li>
                            <li>特色服务</li>
                            <li>联系客服</li>
                        </ul>
                    </li>
                    <li>
                        物流配送
                        <ul>
                            <li>配送方式</li>
                            <li>配送服务</li>
                            <li>运费标准</li>
                            <li>物流跟踪</li>
                        </ul>
                    </li>
                    <li>
                        商家服务
                        <ul>
                            <li>招商合作</li>
                            <li>销售联盟</li>
                            <li>商家成长</li>
                            <li>&nbsp;</li>
                        </ul>
                    </li>
                    <li>
                        关于我们
                        <ul>
                            <li>联系我们</li>
                            <li>CEO邮箱</li>
                            <li>&nbsp;</li>
                            <li>&nbsp;</li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div>
                <img src="./images/网易考拉下载二维码.png" alt="error" />
                <p>扫描下载手机版</p>
            </div>
        </div>
        <div class="three">
            <img src="./images/footer.jpg" alt="error" />
        </div>
    </div>

    </div>
</body>

</html>